<template>
  <div>
    <div class="body">
      <el-table :data="tableData" class="table" border>
        <el-table-column prop="order_id" label="订单编号" align="center">
        </el-table-column>
        <el-table-column prop="shop_name" label="店铺" align="center">
        </el-table-column>
        <el-table-column prop="order_money" label="订单价格" align="center">
        </el-table-column>
        <el-table-column prop="order_way" label="订餐方式" align="center">
        </el-table-column>
        <el-table-column prop="cons_phone" label="订餐人电话" align="center">
        </el-table-column>
        <el-table-column prop="cons_name" label="订餐人姓名" align="center">
        </el-table-column>
        <el-table-column prop="cons_addre" label="取餐地址" align="center">
        </el-table-column>
        <el-table-column prop="disp_id" label="送餐员编号" align="center">
        </el-table-column>
        <el-table-column
          prop="deliver_time"
          label="预计送餐时间"
          align="center"
        >
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  created() {
    this.getdata();
  },
  data() {
    return {
      tableData: [],
    };
  },
  methods: {
    getdata() {
      this.$axios.get("/api/manager/sending").then((res) => {
        console.log(res.data);
        if (res.data.status == 200) {
          this.tableData = res.data.tabledata;
        }
      });
    },
  },
};
</script>

<style scoped>
.header {
  width: 100%;
  height: 10%;
  text-align: center;
  line-height: 64px;
  font-size: 20px;
  font-weight: 800;
  border-bottom: 1px solid #e3e3e3;
}
</style>
